<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>欢迎页面</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../css/font.css">
		<link rel="stylesheet" href="../css/weadmin.css">

		<link rel="stylesheet" href="../css/font.css">
		<link rel="stylesheet" href="../lib/layui/css/layuia.css">
		<link rel="stylesheet" href="../css/weadmin.css">
		<script type="text/javascript" src="../lib/JQuary/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../lib/layui/layui.all.js" charset="utf-8"></script>
		<!--<script type="text/javascript" src="../js/main.js"></script>-->

		<script type="text/javascript" src="../lib/echarts-gl/echarts.min.js" charset="utf-8"></script>
	</head>

	<body>
		<div class="weadmin-body">
			<blockquote class="layui-elem-quote">欢迎使用优速科技物业管理系统</blockquote>

			<!--<div style="display: none">-->
				<!--<label  class="modallabel" style="margin-left: 10px;font-size: 18px;font-weight: bold">-->
					<!--收费人数统计-->
				<!--</label>-->

				<!--<div class="layui-input-inline" style="float: right">-->
					<!--<input class="layui-input date" placeholder="开始日期"  name="start" id="_startday">-->
				<!--</div>-->
				<!--<label class="modallabel"  style="margin:0 10px 0 10px;float: right;line-height: 36px">-->
					<!--至-->
				<!--</label>-->
				<!--<div class="layui-input-inline" style="float: right">-->
					<!--<input class="layui-input date" placeholder="结束日期"  name="start" id="_endday">-->
				<!--</div>-->
				<!--<div id="main" style="width: 100%;height:300px;"></div>-->
			<!--</div>-->







			<!--<div class="layui-fluid" style="overflow: hidden;display: none">-->
				<!--<div class="layui-row layui-col-space15">-->
					<!--<div class="layui-col-md12">-->
						<!--<div class="layui-card">-->
							<!--<div class="layui-card-header">快捷方式</div>-->
							<!--<div class="layui-card-body">-->
								<!--<div class=" layui-carousel weadmin-shortcut" lay-filter="shortcut" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 600px;">-->
									<!--<div carousel-item="">-->
										<!--<ul id="nav" class="layui-row layui-col-space10 layui-this">-->
											<!--<li class="layui-col-xs4" style="padding-left: 100px;padding-right: 100px;margin: 20px 0 20px 0">-->
												<!--<a id="community">-->
													<!--<i class="layui-icon">&#xe705;</i>-->
													<!--<cite>小区管理</cite>-->
													<!--&lt;!&ndash;<p><span>Layui作者一个字节一个字节撸出来的精华，数以万计用户的指明灯</span></p>&ndash;&gt;-->
												<!--</a>-->
											<!--</li>-->
											<!--<li class="layui-col-xs4" style="padding-left: 100px;padding-right: 100px;margin: 20px 0 20px 0">-->
												<!--<a href="http://www.layui.com/admin/" target="_blank">-->
													<!--<i class="layui-icon">&#xe735;</i>-->
													<!--<cite>楼栋管理</cite>-->
													<!--&lt;!&ndash;<p><span>Layui官方出品的专业后台管理模板</span></p>&ndash;&gt;-->
												<!--</a>-->
											<!--</li>-->
											<!--<li class="layui-col-xs4" style="padding-left: 100px;padding-right: 100px;margin: 20px 0 20px 0">-->
												<!--<a href="http://layim.layui.com/" target="_blank">-->
													<!--<i class="layui-icon">&#xe606;</i>-->
													<!--<cite>房户管理</cite>-->
													<!--&lt;!&ndash;<p><span>Layui官方出品的一款Web即时通讯前端解决方案</span></p>&ndash;&gt;-->
												<!--</a>-->
											<!--</li>-->
											<!--<li class="layui-col-xs4" style="padding-left: 100px;padding-right: 100px;margin: 20px 0 20px 0">-->
												<!--<a href="http://fly.layui.com/case/u/777504" target="_blank">-->
													<!--<i class="layui-icon">&#xe6c6;</i>-->
													<!--<cite>费用账单</cite>-->
													<!--&lt;!&ndash;<p><span>谢谢关注，更欢迎提意见，虽然我不一定能做好~~</span></p>&ndash;&gt;-->
												<!--</a>-->
											<!--</li>-->
											<!--<li class="layui-col-xs4" style="padding-left: 100px;padding-right: 100px;margin: 20px 0 20px 0">-->
												<!--<a href="http://fly.layui.com/case/u/777504" target="_blank">-->
													<!--<i class="layui-icon">&#xe6c6;</i>-->
													<!--<cite>业主收费</cite>-->
													<!--&lt;!&ndash;<p><span>谢谢关注，更欢迎提意见，虽然我不一定能做好~~</span></p>&ndash;&gt;-->
												<!--</a>-->
											<!--</li>-->
											<!--<li class="layui-col-xs4" style="padding-left: 100px;padding-right: 100px;margin: 20px 0 20px 0">-->
												<!--<a href="http://fly.layui.com/case/u/777504" target="_blank">-->
													<!--<i class="layui-icon">&#xe6c6;</i>-->
													<!--<cite>收费统计</cite>-->
													<!--&lt;!&ndash;<p><span>谢谢关注，更欢迎提意见，虽然我不一定能做好~~</span></p>&ndash;&gt;-->
												<!--</a>-->
											<!--</li>-->
										<!--</ul>-->

									<!--</div>-->
								<!--</div>-->

							<!--</div>-->
						<!--</div>-->
					<!--</div>-->
				<!--</div>-->
			<!--</div>-->





		</div>
	</body>
	<script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript">
		layui.extend({
			admin: '{/}../static/js/admin',
		});
		layui.use(['jquery', 'element','util', 'admin', 'carousel'], function() {
			var element = layui.element,
				$ = layui.jquery,
				carousel = layui.carousel,
				util = layui.util,
				admin = layui.admin;
			//建造实例
			carousel.render({
				elem: '.weadmin-shortcut'
				,width: '100%' //设置容器宽度				
				,arrow: 'none' //始终显示箭头	
				,trigger: 'hover'
				,autoplay:false
			});
			
			carousel.render({
				elem: '.weadmin-notice'
				,width: '100%' //设置容器宽度				
				,arrow: 'none' //始终显示箭头	
				,trigger: 'hover'
				,autoplay:true
			});
			
			$(function(){
				setTimeAgo(2018,0,1,13,14,0,'#firstTime');
				setTimeAgo(2018,2,28,16,0,0,'#lastTime');
			});
			function setTimeAgo(y, M, d, H, m, s,id){
			    var str = util.timeAgo(new Date(y, M||0, d||1, H||0, m||0, s||0));
			    $(id).html(str);
			    console.log(str);
			 };
		});
	</script>

	<!--<script src="//cdn.bootcss.com/echarts/4.0.2/echarts.min.js"></script>-->
	<script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));


        option = {
            // title: {
			// 	text: '收费人数统计',
            //
			// },
            tooltip : {
                trigger: 'axis',
                axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                    type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                }
            },
            legend: {
                data:['直接访问','邮件营销']
            },
            grid: {
                left: '20%',
                right: '20%',
                bottom: '3%',
                containLabel: true
            },
            xAxis : [
                {
                    type : 'category',
                    data : ['周一','周二','周三','周四','周五','周六','周日']
                }
            ],
            yAxis : [
                {
                    type : 'value'
                }
            ],
            series : [
                {
                    name:'直接访问',
                    type:'bar',
                    data:[320, 332, 301, 334, 390, 330, 320]
                },
                {
                    name:'邮件营销',
                    type:'bar',
                    stack: '广告',
                    data:[120, 132, 101, 134, 90, 230, 210]
                },
            ]
        };



        // 指定图表的配置项和数据
        // option = {
        //     title: {
        //         text: '业主收费月统计',
        //
        //     },
        //     tooltip : {
        //         trigger: 'axis',
        //         axisPointer : {            // 坐标轴指示器，坐标轴触发有效
        //             type : 'line'        // 默认为直线，可选为：'line' | 'shadow'
        //         }
        //     },
        //     grid: {
        //         left: '3%',
        //         right: '4%',
        //         bottom: '3%',
        //         containLabel: true
        //     },
        //     legend: {
        //         data:['缴费人数']
        //     },
        //     color: [ '#1E9FFF'],
        //     xAxis: {
        //         type: 'category',
        //         data: ['09-01',
			// 		'09-02',
			// 		'09-03',
			// 		'09-04',
			// 		'09-05',
			// 		'09-06',
			// 		'09-07',
			// 		'09-08',
			// 		'09-09',
			// 		'09-10',
			// 		'09-11',
			// 		'09-12',
			// 		'09-13',
			// 		'09-14',
			// 		'09-15',
			// 		'09-16',
			// 		'09-17',
			// 		'09-18',
			// 		'09-19',
			// 		'09-20',
			// 		'09-21',
			// 		'09-22',
			// 		'09-23',
			// 		'09-24',
			// 		'09-25',
			// 		'09-26',
			// 		'09-27',
			// 		'09-28',
			// 		'09-29',
			// 		'09-30'
			// 	],
        //         axisTick: {
        //             alignWithLabel: true
        //         }
        //     },
        //
        //     yAxis: {
        //         type: 'value'
        //     },
        //     series: [{
        //         data: [
        //             120,
			// 		200,
			// 		150,
			// 		80,
			// 		70,
			// 		110,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 		900,
			// 	],
        //         type: 'bar',
        //         name: '缴费人数',
        //     }
        //     ],
        //     // 高亮样式。
        //     // emphasis: {
        //     //     // itemStyle: {
        //     //     //     // 高亮时点的颜色。
        //     //     //     color: 'red'
        //     //     // },
        //     //     label: {
        //     //         show: true,
        //     //         // 高亮时标签的文字。
        //     //         formatter: '123'
        //     //     }
        //     // }
        // };


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
	</script>
	<script type="text/javascript" src="../js/welcome.js"></script>

</html>